function Kun(){
	this.addListener();
	//加载第一页数据
	this.loadData();

};
Kun.RowTemplate=`
        <tr>
                    <td class="id hidden"><%=_id%></td>
                    <td class="hao"><%=hao%></td>
                    <td class="name"><%=name%></td>
                    <td class="style"><%=style%></td>
                    <td class="number"><%=number%></td>
                    <td>
                      <button type="button" class="btn btn-info btn-update" data-toggle="modal" data-target="#tian">
                        <span class="glyphicon glyphicon-edit" aria-hidden="true" ></span>编辑
                      </button>
                    </td>
                    <td>
                      <button type="button" class="btn btn-danger delect">
                        <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>删除
                      </button>
                    </td>
                    
                  </tr>
`;
$.extend(Kun.prototype,{
	//注册监听事件
	addListener(){
		$(".btn-add").on("click",this.addHandler);
		//点击删除
		$("tbody").on("click",".delect",$.proxy(this.delectData,this));
		//点击修改
		$("tbody").on("click",".btn-update",$.proxy(this.updateData,this));
		//点击翻页
		$(".pagination").on("click","a",$.proxy(this.loadDataHander,this));

	},
	//翻页处理
	loadDataHander(event){
		const $src=$(event.target)
	  const page= Number($src.text());
	  this.loadData(page);
	  //标签使用类名处理
	  $src.parent("li").addClass("active").siblings("li").removeClass("active");


	},
	//加载数据
	loadData(page){
		//默认查询第一页
		 page=page||1;
		//"/api/positions/find_by_page?page=2"
		const url="/kuns/find_by_page?page="+page;
		//get请求
		$.getJSON(url,(data)=>{
			//console.log(data)
			if(data.res_code===1){
				let html="";
				data.res_body.list.forEach((curr)=>{
					html+=ejs.render(Kun.RowTemplate,curr);
				});
				$(".table-add").html(html);

			}
		});
		

	},
	//添加处理
	addHandler(){
		//console.log("a");
	   const url="/kuns/add";
	   //console.log(url)
	   const data = $(".form-horizontal").serialize();
	   //date={qw:"12"};
	   //console.log(data);
	   //发送请求
	   $.ajax({
	   	type:"post",
	   	url:url,
	   	data:data,
	   	dataType:"json",
	   	// processData:false,//不将data数据转换为查询字符串
	   	// contentType:false,//不适用默认的
	   	success:function(data){
	   		if(data.res_body.status===1){//添加成功,使用ejs浏览器端模板渲染
	   			//console.log(data)
	          //data.res_body.data
	         //使用ejs渲染
	         const html=ejs.render(Kun.RowTemplate,data.res_body.data);
	          //在页面显示出来
	          //console.log(html)
	        $(".table-add").append(html);
	        location.reload();
	         

	       }else{//添加失败
	           
	      }
	   	}


	   });

},
    //删除数据
	delectData(event){
		//console.log("aa");
		const $src=$(event.target);
		console.log($src);
		const hao= $src.parent("td").parent("tr").children(".hao").text();
		
		const url="/kuns/delect?hao="+hao;
		//get请求
		$.getJSON(url,(data)=>{
			if(data.res_code===1){
				this.loadData()
			}
		});

	},
	//修改数据
	 updateData(event){
	 	const $src=$(event.target);
	 	//console.log($src);
	 	const _id= $src.parent("td").parent("tr").children(".id").text();
	 	const hao= $src.parent("td").parent("tr").children(".hao").text();
	 	const number= $src.parent("td").parent("tr").children(".number").text();
	 	const name= $src.parent("td").parent("tr").children(".name").text();
	 	const style= $src.parent("td").parent("tr").children(".style").text();

	 	$("#id1").val(_id);
	 	$("#bian").val(hao);
	 	$("#productname").val(name);
	 	$("#productstyle").val(style);
	 	$("#productnum").val(number);
	 	//console.log(style);
	 	$(".btn-change").on("click",this.updatePosHandler);

	 },
	 //修改数据
	 updatePosHandler(){
	 	
	 	const url="/kuns/update";
	 	const data = $(".form-product").serialize();
	 	console.log(data);
	 	 //发送请求
	 	   $.ajax({
	 	   	type:"post",
	 	   	url:url,
	 	   	data:data,
		   	dataType:"json",
	 	   	success:function(data){
	 	   		if(data.res_body.status===1){//添加成功,使用ejs浏览器端模板渲染
	 	   			location.reload();
	 	   			 //关闭模态框
	          		$("#update").modal("hide");
		            
	 	       }
	 	   	}


	 	   });

	 },



})
new Kun();